<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>婚礼</title>
    <link rel="stylesheet" href="./src/css/style-index.css">
</head>
<body>
    <div class="hljm_wrapper">
        <div></div>
        <div class="hljm_content">
            <!-- 首页头部 -->
            <div class="header">
                <!-- 婚礼纪logo -->
                <div class="header_logo"></div>
                <!-- 选择城市 -->
                <div class="header_city">
                    [<a href="javascript:;" class="header__city__txt">全国</a>]
                </div>
                <!-- 头部搜索 -->
                <a href="javascript:;" class="header__search"></a>
            </div>
            <!-- 10宫格 -->
            <div class="category">
                <a href="javascript:;" class="category__item">
                    <div class="category__icon">
                        <img src="http://qnm.hunliji.com/o_1bmgpsuibifv1sdc1amhgql1o8fj.png" alt="">
                    </div>
                    <p class="category__label">找商家</p>
                </a>
                <a href="javascript:;" class="category__item hot">
                    <div class="category__icon">
                        <img src="http://qnm.hunliji.com/o_1c3hit3tjvj8101018efgageu9a.png" alt="">
                    </div>
                    <p class="category__label">订婚宴</p>
                </a>
                <a href="javascript:;" class="category__item">
                    <div class="category__icon">
                        <img src="http://qnm.hunliji.com/o_1cb6gcrh41kf9122bc461bio1ku0a.png" alt="">
                    </div>
                    <p class="category__label">淘婚品</p>
                </a>
                <a href="javascript:;" class="category__item">
                    <div class="category__icon">
                        <img src="http://qnm.hunliji.com/o_1bmgpsuib1ufn18k41681v7u1ctgl.png" alt="">
                    </div>
                    <p class="category__label">新娘社区</p>
                </a>
                <a href="javascript:;" class="category__item">
                    <div class="category__icon">
                        <img src="http://qnm.hunliji.com/o_1bmgpsuib1c7u12935rfmfnn9ln.png" alt="">
                    </div>
                    <p class="category__label">结婚百科</p>
                </a>
                <a href="javascript:;" class="category__item hot">
                    <div class="category__icon">
                        <img src="http://qnm.hunliji.com/o_1bmgpsuibrhd1liv1nte1dfm1uhpo.png" alt="">
                    </div>
                    <p class="category__label">电子请帖</p>
                </a>
                <a href="javascript:;" class="category__item">
                    <div class="category__icon">
                        <img src="http://qnm.hunliji.com/o_1c3hit3tj1kvigi53o23h61ugqb.png" alt="">
                    </div>
                    <p class="category__label">婚礼美图</p>
                </a>
                <a href="javascript:;" class="category__item">
                    <div class="category__icon">
                        <img src="http://qnm.hunliji.com/o_1bmgpsuic5dcjsa1ber160ti57q.png" alt="">
                    </div>
                    <p class="category__label">婚礼视频</p>
                </a>
                <a href="javascript:;" class="category__item">
                    <div class="category__icon">
                        <img src="http://qnm.hunliji.com/o_1cb6gcrh4ldbjp083smal3n9.png" alt="">
                    </div>
                    <p class="category__label">案例</p>
                </a>
                <a href="javascript:;" class="category__item">
                    <div class="category__icon">
                        <img src="http://qnm.hunliji.com/o_1cb6gcrh4178ruqq1sc91uqgg1bb.png" alt="">
                    </div>
                    <p class="category__label">套餐</p>
                </a>
            </div>
            <!-- banner图轮播 -->
            <div class="banner">
                <div>
                    <a href="javascript:;" class="banner__item">
                        <img src="https://qnm.hunliji.com/o_1ceaf0vau4kguu1tuj160kge79.jpg?imageView2/1/w/640/h/256" alt="全国+社区+淘婚品+女方必买清单">
                    </a>
                </div>
            </div>
            <!-- 专栏攻略 -->
            <div class="wiki">
                <div class="sect__head">
                    <div class="sect__head__inner">
                        <h2 class="sect__head__title">专栏攻略</h2>
                        <a href="javascript:;" class="sect__head__txt sect__head__txt_primary">更多</a>
                    </div>
                </div>
                <div class="wiki__list">
                    <a href="javascript:;" class="wiki__item">
                        <div class="wiki__content">
                            <p class="wiki__title">瑞士佳典婚礼主题酒店</p>
                            <div class="wiki__time">2018-05-29 13:29</div>
                        </div>
                        <div class="wiki__img">
                            <img src="https://qnm.hunliji.com/o_1cel5s766u35rhgn1m18budvm35.jpg?imageView2/1/w/184/h/134" alt="瑞士佳典婚礼主题酒店">
                        </div>
                    </a>
                    <a href="javascript:;" class="wiki__item">
                        <div class="wiki__content">
                            <p class="wiki__title">吉祥凯悦主题婚礼酒店</p>
                            <div class="wiki__time">2018-05-29 13:26</div>
                        </div>
                        <div class="wiki__img">
                            <img src="https://qnm.hunliji.com/o_1cel5mv3915jlfpd1u81u2a1uqn2i.jpg?imageView2/1/w/184/h/134" alt="吉祥凯悦主题婚礼酒店">
                        </div>
                    </a>
                </div>
            </div>
            <!-- 精选 -->
            <div class="feeds">
                <div class="feeds__nav">
                    <div class="feeds__nav__inner">
                        <div class="feeds__nav__item j_feedsNavItem active">精选</div>
                        <div class="feeds__nav__item j_feedsNavItem">婚礼策划</div>
                        <div class="feeds__nav__item j_feedsNavItem">婚纱摄影</div>
                        <div class="feeds__nav__item j_feedsNavItem">婚纱礼服</div>
                        <div class="feeds__nav__item j_feedsNavItem">四大金刚</div>
                    </div>
                </div>
                <div class="feeds__list">
                    <a href="javascript:;" class="feeds__item feeds__item_package">
                        <div class="feeds__merchant">
                            <div class="feeds__logo">
                                <img src="http://qnm.hunliji.com/FnrOysR3y4LmtAyNyIdr8tJej2DX?imageView2/1/w/72/h/72/format/webp" alt="">
                            </div>
                            <div class="feeds__merchant__bd">
                                <div class="feeds__name">厦门后古婚纱摄影</div>
                                <div class="feeds__type">婚纱摄影</div>
                            </div>
                        </div>
                        <div class="feeds__img">
                            <img src="http://qnm.hunliji.com/8CE1D2796BA4FBACA2D8A3B6033A1E8B?imageView2/1/w/640/h/400/format/webp" alt="3天2夜精品酒店住宿4大主题场景拍摄8服8造底片全送全新婚纱礼服部分区域任意选择全程原创道具，让每一套服装拍摄更加潮流时尚">
                        </div>
                        <div class="feeds__content">
                            <div class="feeds__title">【旅拍爆款】补贴机票+2晚酒店+私人高端定制</div>
                            <div class="feeds__bottom">
                                <div class="feeds__price">￥
                                    <span class="feeds__price__main">5999.00</span>
                                </div>
                                <div class="feeds__collect">
                                    <i class="hljm-icon-star-o"></i>
                                    3249
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="javascript:;" class="feeds__more j_feedsMore">点击一下，更多精彩内容</a>
                </div>
            </div>
            <!-- 尾部 -->
            <div class="my_hlj">
                <a href="javascript:;">关于婚礼纪</a>
                <a href="javascript:;">联系方式</a>
            </div>
        </div>
    </div>
</body>
</html>